let index = 0
$(".to-r").click(function() {
    if (index > -1653.3) {
        index += -413.325;
        $(".sp-recommend-swp ul").css({
            marginLeft: index,
        })
    }

})

$(".to-l").click(function() {
    if (index < 0) {
        index += 413.325;
        $(".sp-recommend-swp ul").css({
            marginLeft: index,
        })
    }
})

$(".sp-recommend-swp li").mouseover(function() {
    $(this).children("img").css({
        border: "2px solid black",
        width: 345,
        padding: 2,
    })
})

$(".sp-recommend-swp li").mouseout(function() {
    $(this).children("img").css({
        border: "",
        width: 343,
        padding: 0,
    })
})


$(".all-radio").click(function() {
    if (!$(this).attr("id")) {
        $(this).attr("id", "check");
        $(".tr-radio").attr("id", "check");
        for (let i = 0; i < $(".tr-radio").length; i++) {
            $(function() {
                let num = $(".tr-radio").eq(i).parent(".tr-check").siblings(".tr-quantity").find(".tr-num-input-text").val();
                let price = $(".tr-radio").eq(i).parent(".tr-check").siblings(".tr-price").find(".tr-price-text").html();
                let coupon = $(".tr-radio").eq(i).parent(".tr-check").siblings(".tr-coupon").find(".tr-coupon-text").html();
                let total = $(".tr-radio").eq(i).parent(".tr-check").siblings(".tr-total").find(".tr-total-text").html();

                $(".tr-radio").eq(i).parent(".tr-check").siblings(".tr-coupon").find(".tr-coupon-text").html(parseInt((num * price) / 100) * 10);

                $(".tr-radio").eq(i).parent(".tr-check").siblings(".tr-total").find(".tr-total-text").html((num * price) - (parseInt((num * price) / 100) * 10));

                allsubtotal();
                allcoupon();
                allprice();
            })
        }
    } else {
        $(this).attr("id", "");
        $(".tr-radio").attr("id", "");


        for (let i = 0; i < $(".tr-radio").length; i++) {
            $(function() {

                let num = $(".tr-radio").eq(i).parent(".tr-check").siblings(".tr-quantity").find(".tr-num-input-text").val();
                let price = $(".tr-radio").eq(i).parent(".tr-check").siblings(".tr-price").find(".tr-price-text").html();

                $(".tr-radio").eq(i).parent(".tr-check").siblings(".tr-coupon").find(".tr-coupon-text").html(0);

                $(".tr-radio").eq(i).parent(".tr-check").siblings(".tr-total").find(".tr-total-text").html(num * price);

                allsubtotal();
                allcoupon();
                allprice();
            })
        }
    }
})

$(".tr-radio").click(function() {
    if (!$(this).attr("id")) {
        $(this).attr("id", "check");
        let num = $(this).parent(".tr-check").siblings(".tr-quantity").find(".tr-num-input-text").val();
        let price = $(this).parent(".tr-check").siblings(".tr-price").find(".tr-price-text").html();
        let coupon = $(this).parent(".tr-check").siblings(".tr-coupon").find(".tr-coupon-text").html();
        let total = $(this).parent(".tr-check").siblings(".tr-total").find(".tr-total-text").html();

        $(this).parent(".tr-check").siblings(".tr-coupon").find(".tr-coupon-text").html(parseInt((num * price) / 100) * 10);

        $(this).parent(".tr-check").siblings(".tr-total").find(".tr-total-text").html((num * price) - (parseInt((num * price) / 100) * 10));

        allsubtotal();
        allcoupon();
        allprice();
    } else {
        $(this).attr("id", "");

        let num = $(this).parent(".tr-check").siblings(".tr-quantity").find(".tr-num-input-text").val();
        let price = $(this).parent(".tr-check").siblings(".tr-price").find(".tr-price-text").html();

        $(this).parent(".tr-check").siblings(".tr-coupon").find(".tr-coupon-text").html(0);

        $(this).parent(".tr-check").siblings(".tr-total").find(".tr-total-text").html(price * num);

        allsubtotal();
        allcoupon();
        allprice();
    }
    let flag = true;
    for (let i = 0; i < $(".tr-radio").length; i++) {
        if (!!$(".tr-radio").eq(i).attr("id")) {
            flag = true;
        } else {
            flag = false;
            break;
        }
    }
    if (flag) {
        $(".all-radio").attr("id", "check");
    } else {
        $(".all-radio").attr("id", "");
    }
})

$(".btn-del").click(function() {
    $(this).parents(".t-body-tr").remove();
    allsubtotal();
    allcoupon();
    allprice();
})

$(".tr-num-input-up").click(function() {
    $(this).prev(".tr-num-input-text").val(+$(this).prev(".tr-num-input-text").val() + 1);
    $(this).parent(".tr-sum-input").next(".tip-msg").html("");

    // $(this).parents(".tr-quantity").prevAll(".tr-check").children(".tr-radio").attr("id", "check");
    if (!!$(this).parents(".tr-quantity").prevAll(".tr-check").children(".tr-radio").attr("id")) {
        let num = $(this).prevAll(".tr-num-input-text").val();
        let price = $(this).parents(".tr-quantity").nextAll(".tr-price").find(".tr-price-text").html();
        let coupon = $(this).parents(".tr-quantity").nextAll(".tr-coupon").find(".tr-coupon-text").html();
        let total = $(this).parents(".tr-quantity").nextAll(".tr-total").find(".tr-total-text").html();

        $(this).parents(".tr-quantity").nextAll(".tr-coupon").find(".tr-coupon-text").html(parseInt((num * price) / 100) * 10);

        $(this).parents(".tr-quantity").nextAll(".tr-total").find(".tr-total-text").html((num * price) - (parseInt((num * price) / 100) * 10));

        allsubtotal();
        allcoupon();
        allprice();
    } else {
        let num = $(this).prevAll(".tr-num-input-text").val();
        let price = $(this).parents(".tr-quantity").nextAll(".tr-price").find(".tr-price-text").html();

        $(this).parents(".tr-quantity").nextAll(".tr-total").find(".tr-total-text").html(num * price);
    }
})

$(".tr-num-input-down").click(function() {
    if ($(this).prevAll(".tr-num-input-text").val() > 1) {
        $(this).prevAll(".tr-num-input-text").val($(this).prevAll(".tr-num-input-text").val() - 1)


        if (!!$(this).parents(".tr-quantity").prevAll(".tr-check").children(".tr-radio").attr("id")) {
            let num = $(this).prevAll(".tr-num-input-text").val();
            let price = $(this).parents(".tr-quantity").nextAll(".tr-price").find(".tr-price-text").html();
            let coupon = $(this).parents(".tr-quantity").nextAll(".tr-coupon").find(".tr-coupon-text").html();
            let total = $(this).parents(".tr-quantity").nextAll(".tr-total").find(".tr-total-text").html();

            $(this).parents(".tr-quantity").nextAll(".tr-coupon").find(".tr-coupon-text").html(parseInt((num * price) / 100) * 10);

            $(this).parents(".tr-quantity").nextAll(".tr-total").find(".tr-total-text").html((num * price) - (parseInt((num * price) / 100) * 10));

            allsubtotal();
            allcoupon();
            allprice();
        } else {
            let num = $(this).prevAll(".tr-num-input-text").val();
            let price = $(this).parents(".tr-quantity").nextAll(".tr-price").find(".tr-price-text").html();

            $(this).parents(".tr-quantity").nextAll(".tr-total").find(".tr-total-text").html(num * price);
        }


    } else {
        $(this).parent(".tr-sum-input").next(".tip-msg").html("⛔此商品的最小购买数量为1件")
    }
})


//计算总终价格
function allsubtotal() {
    let all = 0
    for (let i = 0; i < $(".tr-total-text").length; i++) {
        if (!!$(".tr-total-text").eq(i).parent(".tr-total").siblings(".tr-check").find(".tr-radio").attr("id")) {
            all += +$(".tr-total-text").eq(i).html();
        } else {
            all += 0;
        }
    }
    $(".allprice").html(all);
    return all;
}

//计算总优惠
function allcoupon() {
    let all = 0;
    for (let i = 0; i < $(".tr-coupon-text").length; i++) {
        all += +$(".tr-coupon-text").eq(i).html();
    }
    $(".reduce").html(all);
    return all;
}

//计算总价格
function allprice() {
    let all = 0
        // for (let i = 0; i < $(".tr-price-text").length; i++) {
        //     all += +$(".tr-price-text").eq(i).html();
        // }
    all = allsubtotal() + allcoupon();
    $(".subtotal").html(all);
}



$(function() {
    let url = location.href;
    console.log(url);
    let index = url.indexOf("DK008");
    let shopId = url.substring(index, +index + 8);
    console.log(shopId);

    let index1 = url.indexOf("80");
    let shopId1 = url.substring(+index1 + 2, +index1 + 4);
    console.log(shopId1);
    let num = shopId1 - 1;


    $.ajax({
        type: 'get',
        url: '../common/json/shop.json',
        dataType: 'json',
        success: function(res) {
            var str = res.shop;
            console.log(str[num])
            console.log(str[num].id)
            $(".tr-goods-item-title").html(str[num].title)
            $(".tr-goods-item-specs-id").html(str[num].id)
            $(".tr-price-text").html(str[num].price)
            $(".tr-total-text").html(str[num].price)
            $(".tr-goods-item-img img").attr("src", str[num].imgUrl)
        }
    })
})